@charset "UTF-8";
.editorWrap{border: 1px solid #9db1bc;width: 100%;margin: 0 auto;box-sizing: border-box;background-color: #fff;position: relative;}
.editorTool{height: 90px;background-color: #080a0a;width: 375px;border-radius: 3px;box-shadow: 2px 2px 5px #888;padding: 10px;box-sizing: border-box;position: fixed;}
.editorComt{min-height: 200px;outline: none;}
.toolBtn{height: 30px;width: 30px;border-radius: 3px;color: #fff;background-color: #080a0a;border: none;outline: none;}
.editorTool .toolBtn:focus,
.editorTool .btnActive{border: 1px solid #696969;color: #df3c37;}
.fontWrap{display: inline-block;position: relative;}
.fontWrap ul,
.fontWrap li{list-style: none;margin: 0;padding: 0;}
.fontWrap .toolBtn:hover{border: 1px solid #696969;color: #df3c37;}
.listWrap{position: absolute;top: 30px;right: 0;width: 80px;border: 1px solid #ddd;text-align: center;background-color: #fff;display: none;max-height: 100px;overflow: auto;}
.listWrap:hover,
.fontWrap:hover .listWrap{display: block;}
.fontWrap:hover .toolBtn{border: 1px solid #696969;color: #df3c37;}
.fontWrap li{height: 25px;line-height: 25px;font-size: 12px;font-weight: 500;}
.fontWrap li:hover{background-color: #9eb1bc;color: #fff;cursor: default;}
.fontWrap li button:hover,
.fontWrap li button{background-color: transparent;border: none;outline: none;}
.hidden{visibility: hidden;}
.closeBtn{position: absolute;top: -15px;right: -15px;border-radius: 50%;border: none;background-color: #080a0a;color: #fff;height: 20px;line-height: 20px;width: 20px;text-align: center;outline: none;padding: 0;margin: 0;}
